<template>
  <div
    :class="[uni_comment_border, css_content_padding, css_wind_light_hover]"
    :id="cur_uni_comment_props.cur_id"
  >
    <div :class="[uni_comment_section, css_content_padding]">
      <!-- 这里 是 当前元 的 缩影 用于 快速 印象 联系 本体 不一定是 图片 -->
      <img
        :class="[css_cursor_pointer]"
        src="../../../../../../../public/头像.png"
        :alt="cur_uni_comment_props.cur_id"
      />
    </div>
    <div :class="[]">
      <div :class="[uni_comment_count_info, css_content_padding]">
        <comment_count :type_key="'提 议'" :count="1"></comment_count>
        <comment_count :type_key="'修 改'" :count="6"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
        <comment_count :type_key="'点 赞'" :count="18"></comment_count>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';

import './uni_comment.css';

import comment_count from './uni_comps/comment_count/comment_count.vue';

import {
  uni_comment_border,
  uni_comment_count_info,
  uni_comment_section,
} from './DataDefine/sourceData';
import {
  css_content_padding,
  css_cursor_pointer,
  css_wind_light_hover,
} from '../../../../../global_comps/Css';

let cur_uni_comment_props = defineProps({
  /**
   * 当前 栏
   * id
   */
  cur_id: {
    type: String,
    required: true,
  },
});

onMounted(() => {});
</script>
